Questions
2 of 6
1How do we fetch data in server component?
2How do we fetch data on the client?
3What are Server Actions and Server functions? How are they different?
4What are actions?
5Compare SWR vs React Query vs useEffect for client-side data fetching — when do you use each?
6What is the difference between client-side fetch and server actions in Next.js App Router?
nextjsnextjs
Basics
Project Structure
Runtime
Compiler
SSG
SSR
CSR
Routing
Route Handlers
Route Groups
Dynamic Routes
Parallel Routes
Intercepting Routes
Middleware
Server Actions
APIS
Data Fetching
Caching
Clients
Optimisation
i18n
Security
Architecture
Deployment
Accessibility
02 / 06

How do we fetch data on the client?

you can manually call fetch in a useEffect (not recommended), or lean on popular React libraries in the community (such as SWR or React Query) for client fetching.